<div class="footer"
   [style.width]="(isHandset$ | async) ? 'calc(100vw)' : 'calc(100vw - 200px)'">
  <div style="flex: 1 1 600px;margin-left:5px;">
    <p style="text-overflow: clip">
      <span>Copyright &copy; 2005 - 2018 Apereo, Inc.</span>
      <span><a href="https://apereo.github.io/cas-management" target="_blank">CAS Management Application {{ mgmtVersion }}</a></span>
      <span>powered by <a href="https://apereo.github.io/cas" target="_blank">Apereo Central Authentication Service {{ casVersion }}</a></span>
    </p>
  </div>
  <div style="flex: 1 1 auto;"></div>
  <div style="flex: 0 0 100px;">
    <a href="https://www.apereo.org" _target="blank" title="Apereo CAS Home Page">
      <img src="images/logo_apereo.png" style="height:30px;"/></a>
  </div>
</div>
